<script setup lang="ts">
import { useCounterStore } from '@/stores/counter'
const counter = useCounterStore()
</script>
<template>
  <section>
    <div class="left">
      <p>{{ counter.count }}</p>
      <p>双倍：{{ counter.doubleCount }}</p>
      <div>
        <button @click="counter.increment()">翻一翻</button>
      </div>
    </div>
    <div class="right">
   
      <div>分支操作</div>
      <div>git merge--no-ff 被合并分支</div>
      <div>命令行操作</div>
      <ul>
        <li>1</li>
        <li>1</li>
        <li>1</li>
      </ul>

    </div>
  </section>
</template>
<style>
section {
  margin: 200px auto;
  width: 600px;
  height: 300px;
  border: 1px solid #e2e2e2;
  box-shadow: 2px 2px 2px red;
  display: flex;
  align-items: center;

  .left {
    width: 300px;
    height: 300px;
    text-align: center;
  }
}
</style>